import { styled } from 'styled-components';

export const NewAlbumWrapper = styled.div`
  .album {
    display: flex;
    position: relative;
    height: 186px;
    margin: 20px 0;
    border: 1px solid #d3d3d3;
    background: #f5f5f5;
    .btn-pre {
      position: absolute;
      width: 17px;
      height: 17px;
      top: 71px;
      left: 4px;
      background-position: -260px -75px;
      &:hover {
        background-position: -280px -75px;
      }
    }
    .btn-nxt {
      position: absolute;
      width: 17px;
      height: 17px;
      top: 71px;
      right: 4px;
      background-position: -300px -75px;
      &:hover {
        background-position: -320px -75px;
      }
    }
    .banner {
      width: 645px;
      height: 150px;
      margin: auto;
      margin-top: 30px;
      .album-list {
        display: flex;
        justify-content: space-between;
        margin-right: 20px;
        margin-left: 10px;
      }
    }
  }
`;
